@-webkit-keyframes slideInSmooth-left {
    0% {
      -webkit-transform: translate3d(-100%,0,0);
    }
    100% {
      -webkit-transform: translate3d(0,0,0);
    }
  }
  
  @-webkit-keyframes slideInSmooth-right {
    0% {
      -webkit-transform: translate3d(100%,0,0);
    }
    100% {
      -webkit-transform: translate3d(0,0,0);
    }
  }
  
  .slide-in-left {
     -webkit-animation: slideInSmooth-left ease-in 1;
     animation: slideInSmooth-left ease-in 1;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-duration: 750ms;
     animation-duration: 750ms;
  }
  
  .slide-in-right{
    -webkit-animation: slideInSmooth-right ease-in 1;
    animation: slideInSmooth-right ease-in 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
  }